<!--
 * @Author: GKN
 * @Date: 2023-10-24 11:53:29
 * @LastEditTime: 2023-11-30 15:23:13
 * @LastEditors: GKN
 * @Description: 
 * @FilePath: \mod\src\view\user\create\a2.vue
 * 可以输入预定的版权声明、个性签名、空行等
-->
<template>
    <div class="vipview shadow-1" style="margin-top:22px;padding:28px 18px;">
        <p style="font-size: 18px;font-weight: 400;color: #333;line-height: 23px;text-align:left;">收益结算说明</p>
        <p style="font-size: 14px;font-weight: 400;color: #33;line-height: 23px;text-align:left;">1.您上传的文章如果被收录发布网站成果库并被其它会员下载，每下载一次将获得该文档单次收费收益的1%，请在“个人中心-完善信息”中登记
    您的银行账号、开户行；

</p>
        <p style="font-size: 14px;font-weight: 400;color: #333;line-height: 23px;text-align:left;">2.累积金额，满百可在已注册的银行账户提现。</p>
    </div>
    <div class="MarT35">
        <el-table :data="tableData" stripe style="width: 100%" @row-dblclick="rowDblclick">
            <el-table-column prop="date" label="时间" header-row-class-name="headn" >
                <template #default="scope">
                    <span >{{ proxy.$comJs.timeChange(scope.row.ct) }}</span>
                </template>
            </el-table-column>
            <el-table-column prop="name" label="作品" header-row-class-name="headn" >
                
            </el-table-column>
            <el-table-column prop="sp" label="月收入" header-row-class-name="headn" >
                <template #default="scope">
                    <span style="color:#d10b00;">{{ scope.row.sp }}</span>
                </template>
            </el-table-column>
            <el-table-column prop="sp" label="累计收入" >
                <template #default="scope">
                    <span style="color:#d10b00;">{{ scope.row.sp }}</span>
                </template>
            </el-table-column>
        </el-table>
    </div>
</template>

<script setup>
import { ref,reactive,getCurrentInstance } from "vue";
const { proxy } = getCurrentInstance();
    const tableData = ref([])
    const userOrder=()=>{
        proxy.$http.request(proxy.$api.list_ts+'?pageSize=30&prevTag=0&nextTag=0','get',{},false, function (res) {
            if(res&&res.data){
                tableData.value = res.data.data.list?res.data.data.list:[]
            }
        })
    }
    userOrder()
</script>

<style lang='less' scoped>
.subscribe{
    width: 20%;
    padding: 14px;
    .item{
        border-radius: 30px;
        border:1px solid #e9e9e9;
        color: #333;
        font-size: 16px;
        height: 55px;
        line-height: 55px;
        cursor: pointer;
        text-align: center;
    }
    .active{
        background: #d00b00;
        color: #fff;
    }
}
/deep/.el-table tr:first-child th{
    background: #e9e9e9;
    color: #333333;
}
.vipview{
    width: 100%;
    padding:47px 48px 41px 48px;
    background: linear-gradient(to bottom, rgba(255, 250, 248, 1), rgba(255, 225, 205, 1));
    border-radius: 10px 10px 10px 10px;
    .title{
        font-size: 30px;
        font-family: SourceHanSansCN-Medium, SourceHanSansCN;
        font-weight: 500;
        color: #77472F;
        padding-top: 0;
    }
    .center{
        display: flex;
    }
    .item{
        width: 25%;
        padding: 0 5px;
        display: flex;
        flex-direction: column;
        align-items: center;
        .img{
            width: 68px;
            height: 68px;
            border-radius:50%;
            overflow: hidden;
        }
        .cont{
            padding-top: 20px;
            .t{
                font-size: 16px;
                // text-align: left;
                color: #78482f;
            }
            .c{

                font-size: 12px;
                text-align: left;
                color: #8d8d8d;
            }
        }
    }
    .btn{
        width: 350px;
        height: 48px;
        background: #D10B00;
        border-radius: 24px 24px 24px 24px;
        opacity: 1;
        border: 1px solid #D10B00;
        font-size: 16px;
        color: #fff;
        line-height: 48px;
        margin: 40px auto;
    }
}
</style>
  
  
